<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite">

    <h:head>
        <f:loadBundle basename="com.brain.core.i18n.ApplicationResources" var="message" />
        <title><h:outputText value="#{message['general.cabecera.titulo.aplicacion']}"/></title>            
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/theme.css" />
        <script type="text/javascript" src="#{request.contextPath}/recursos/js/script.js" /> 
    </h:head>

    <composite:interface>    

    </composite:interface>

    <composite:implementation>   
        <h:form id="form" prependId="false">
            <h:panelGrid>
                <p:dataTable id="tblPrincipal" var="dto"
                             widgetVar="widTable"  
                             value="#{bitacoraEntidadMBean.listaBitacoras}" 
                             emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel">                                
                    <p:column headerText="#{i18n['general.label.usuario']}"  styleClass="general">
                        <h:outputText value="#{dto.usuarioDto.descripcion}" styleClass="general" />
                    </p:column>
                    <p:column headerText="#{i18n['general.label.fecha']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.fecha}" styleClass="general" >
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}" timeZone="#{applicationMBean.timeZone}" />
                        </h:outputText>
                    </p:column>
                    <p:column headerText="#{i18n['general.label.terminal']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.terminal}" styleClass="general" />
                    </p:column>
                    <p:column headerText="#{i18n['general.label.estado']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.estadoDto.descripcion}" styleClass="general" />
                    </p:column>    
                    <p:column headerText="#{i18n['general.label.etapa']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.etapaDto.descripcion}" styleClass="general" />
                    </p:column>                 
                    <p:column headerText="#{i18n['general.label.historial.tipo.movimiento']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.tipoMovimientoTexto}" styleClass="general" />
                    </p:column>
                    <p:column headerText="#{i18n['form.general.campo.comentario']}"  style="text-align:center;text-align: left" styleClass="general">
                        <h:outputText value="#{dto.comentario}" styleClass="general" />
                    </p:column>
                </p:dataTable>
            </h:panelGrid>            
        </h:form>
    </composite:implementation>

</html>